import React, {Component} from "react";
import ProjectWrapper from "../body/left/ProjectWrapper";
import ThreeFeature from "../body/right/ThreeFeature";
import ProjectHotComponent from "./ProjectHotComponent";

class ProjectBodyComponent extends Component {

    render() {
        return (
            //整个的布局
            <div style={projectWrapper}>
                <div style={projectLeftWrapper}>
                    <div style={projectTitleStyle}>
                        最新项目
                    </div>
                    <ProjectWrapper/>
                </div>
                <div style={projectRightWrapper}>
                    <ThreeFeature showOpenApi={false}/>
                    <ProjectHotComponent/>
                </div>
            </div>
        );
    }
}

export default ProjectBodyComponent;


const projectWrapper = {
    width: 1200,
    overflow: "hidden",
    margin: "0 auto",
    marginTop: 30,
};

const projectLeftWrapper = {
    width: 866,
    float: "left",
    backgroundColor: "#fff",
};

const projectTitleStyle = {
    borderBottom: "solid 2px #8db5d0",
    padding: "10px 20px",
    fontSize: 16,
};

const projectRightWrapper = {
    width: 300,
    float: "right",
};
